<template>
    <div>
        <Breadcrumb :style="{margin: '20px 0'}">
            <BreadcrumbItem>发布操作</BreadcrumbItem>
            <BreadcrumbItem>内容编辑</BreadcrumbItem>
        </Breadcrumb>
        <ButtonGroup class="button">
            <Button type="primary" @click="reload">刷新</Button>
        </ButtonGroup>
        <Table :columns="columns" :data="contentList"></Table>
        <Modal
            v-model="editModel"
            title="内容编辑">
        </Modal>
    </div>
</template>

<script>
export default {
    name: 'Content',
    data : function () {
        return {
            editModel : false,
            contentList : [],
            columns : [
                {
                    title: '标题',
                    key : 'title'
                },
                {
                    title : '关键字',
                    key : 'keyword'
                },
                {
                    title : '内容',
                    key : 'content'
                }
            ]
        }
    },
    created : function(){

    },
    methods : {
        reload: function(){

        }
    }
}
</script>

<style scoped>

</style>
